*{
	margin: 0;
	padding: 0;
}

body{
	width: 100%;
	height: auto;
	position: relative;
}

.box{
	width: 300px;
	height:350px;
	position: absolute;
	margin: 20px 20px;
	background-color: whitesmoke;
	box-shadow: 5px 5px 5px;
	border-radius:10px ;
	transition: all 1s;
	overflow: hidden;
	cursor: pointer;
	top: 20px;
	left:10px;
}

.box:hover{
	width: 300px;
	height: 400px;
}

.box span{
	position: absolute;
	color: black;
	font-size: 20px;
	top: 312px;
	left: 70px;
}

.box .zi{
	position: absolute;
	color: gray;
	top:350px ;
	left: 70px;
	display:block ;
	
}

.box .box1{
	width: 300px;
	height: 300px;
	background-image: url(../img/11.jpg);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box .box1 span{
	position: absolute;
	color: white;
	font-size: 80px;
	top: 105px;
	left: 105px;
}

.box2{
	width: 300px;
	height:350px;
	position: absolute;
	margin: 20px 20px;
	background-color: whitesmoke;
	box-shadow: 5px 5px 5px;
	border-radius:10px ;
	transition: all 1s;
	overflow: hidden;
	cursor: pointer;
	top: 20px;
	left: 330px;
}

.box2:hover{
	width: 300px;
	height: 400px;
}

.box2 span{
	position: absolute;
	color: black;
	font-size: 20px;
	top: 312px;
	left: 70px;
}

.box2 .zi{
	position: absolute;
	color: gray;
	top:350px ;
	left: 70px;
	display:block ;
	
}

.box2 .box3{
	width: 300px;
	height: 300px;
	background-image: url(../img/22.jpg);
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box2 .box3 span{
	position: absolute;
	color: white;
	font-size: 80px;
	top: 105px;
	left: 105px;
}
.box4{
	width: 300px;
	height:350px;
	position: absolute;
	margin: 20px 20px;
	background-color: whitesmoke;
	box-shadow: 5px 5px 5px;
	border-radius:10px ;
	transition: all 1s;
	overflow: hidden;
	cursor: pointer;
	top: 20px;
	left: 650px;
}

.box4:hover{
	width: 300px;
	height: 400px;
}

.box4 span{
	position: absolute;
	color: black;
	font-size: 20px;
	top: 312px;
	left: 70px;
}

.box4 .zi{
	position: absolute;
	color: gray;
	top:350px ;
	left: 70px;
	display:block ;
	
}

.box4 .box5{
	width: 300px;
	height: 300px;
	background-image: url(../img/33.jpeg);
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box4 .box5 span{
	position: absolute;
	color: white;
	font-size: 80px;
	top: 105px;
	left: 105px;
}
.box6{
	width: 300px;
	height:350px;
	position: absolute;
	margin: 20px 20px;
	background-color: whitesmoke;
	box-shadow: 5px 5px 5px;
	border-radius:10px ;
	transition: all 1s;
	overflow: hidden;
	cursor: pointer;
	top: 20px;
	left: 970px;
}

.box6:hover{
	width: 300px;
	height: 400px;
}

.box6 span{
	position: absolute;
	color: black;
	font-size: 20px;
	top: 312px;
	left: 70px;
}

.box6 .zi{
	position: absolute;
	color: gray;
	top:350px ;
	left: 70px;
	display:block ;
	
}

.box6 .box7{
	width: 300px;
	height: 300px;
	background-image: url(../img/44.jpg);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box6 .box7 span{
	position: absolute;
	color: white;
	font-size: 80px;
	top: 105px;
	left: 105px;
}
.box8{
	width: 300px;
	height:350px;
	position: absolute;
	margin: 20px 20px;
	background-color: whitesmoke;
	box-shadow: 5px 5px 5px;
	border-radius:10px ;
	transition: all 1s;
	overflow: hidden;
	cursor: pointer;
	top: 440px;
	left: 10px;
}

.box8:hover{
	width: 300px;
	height: 400px;
}

.box8 span{
	position: absolute;
	color: black;
	font-size: 20px;
	top: 312px;
	left: 70px;
}

.box8 .zi{
	position: absolute;
	color: gray;
	top:350px ;
	left: 70px;
	display:block ;
	
}

.box8 .box9{
	width: 300px;
	height: 300px;
	background-image: url(../img/55.jpeg);
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box8 .box9 span{
	position: absolute;
	color: white;
	font-size: 80px;
	top: 105px;
	left: 105px;
}
.box10{
	width: 300px;
	height:350px;
	position: absolute;
	margin: 20px 20px;
	background-color: whitesmoke;
	box-shadow: 5px 5px 5px;
	border-radius:10px ;
	transition: all 1s;
	overflow: hidden;
	cursor: pointer;
	top: 440px;
	left: 330px;
}

.box10:hover{
	width: 300px;
	height: 400px;
}

.box10 span{
	position: absolute;
	color: black;
	font-size: 20px;
	top: 312px;
	left: 70px;
}

.box10 .zi{
	position: absolute;
	color: gray;
	top:350px ;
	left: 70px;
	display:block ;
	
}

.box10 .box11{
	width: 300px;
	height: 300px;
	background-image: url(../img/55.jpeg);
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box10 .box11 span{
	position: absolute;
	color: white;
	font-size: 80px;
	top: 105px;
	left: 105px;
}
.box12{
	width: 300px;
	height:350px;
	position: absolute;
	margin: 20px 20px;
	background-color: whitesmoke;
	box-shadow: 5px 5px 5px;
	border-radius:10px ;
	transition: all 1s;
	overflow: hidden;
	cursor: pointer;
	top: 440px;
	left: 650px;
}

.box12:hover{
	width: 300px;
	height: 400px;
}

.box12 span{
	position: absolute;
	color: black;
	font-size: 20px;
	top: 312px;
	left: 70px;
}

.box12 .zi{
	position: absolute;
	color: gray;
	top:350px ;
	left: 70px;
	display:block ;
	
}

.box12 .box13{
	width: 300px;
	height: 300px;
	background-image: url(../img/55.jpeg);
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box12 .box13 span{
	position: absolute;
	color: white;
	font-size: 80px;
	top: 105px;
	left: 105px;
}
.box14{
	width: 300px;
	height:350px;
	position: absolute;
	margin: 20px 20px;
	background-color: whitesmoke;
	box-shadow: 5px 5px 5px;
	border-radius:10px ;
	transition: all 1s;
	overflow: hidden;
	cursor: pointer;
	top: 440px;
	left: 970px;
}

.box14:hover{
	width: 300px;
	height: 400px;
}

.box14 span{
	position: absolute;
	color: black;
	font-size: 20px;
	top: 312px;
	left: 70px;
}

.box14 .zi{
	position: absolute;
	color: gray;
	top:350px ;
	left: 70px;
	display:block ;
	
}

.box14 .box15{
	width: 300px;
	height: 300px;
	background-image: url(../img/55.jpeg);
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.box14 .box15 span{
	position: absolute;
	color: white;
	font-size: 80px;
	top: 105px;
	left: 105px;
}